<template>
  <div>
    <button @click="increment">xxxxx</button>
    <button @click="increment_">yyyyy</button>
  </div>
</template>

<script>

export default {
  components: { },
  methods: {
    increment () {
      console.log('reach')
      this.$store.commit({ type: 'switchTheme', theme: 'light' })
      console.log(this.$store.state.theme)
    },
    increment_ () {
      console.log('reach')
      this.$store.commit({ type: 'switchTheme', theme: 'dark' })
      console.log(this.$store.state.theme)
    }
  }

}
</script>

<style>
</style>
